/**
 * @fileoverview Giant Interective Group, Inc. Javascript Library v#version.
 * 该Javascript UI库是基于jQuery的扩展。
 * <pre>
 * Copyright (C) 2004-2009 Giant Interective Group, Inc. All rights reserved.
 * 版权所有 2004-2009 上海巨人网络科技有限公司
 * </pre>
 * 
 * @version #version, #date
 * @author  Songlu
 */
 
if(typeof giant === 'undefined')
    var giant = {};

if(typeof giant.ui === 'undefined')
	giant.ui = {};

(function($) {
	/**
	 * 创建一个页面操作提示控件。
	 * 
	 * @class giant.ui.RichCalendar。Giant UI 的RichCalendar控件。
	 * @example
	 * <pre>
	 * // 将下面代码放入到body内的底部
	 * &lt;div id="operateTip" style="display:none;position:absolute;"&gt;操作信息提示&lt;/div&gt;
	 * var configs = {
	 *		tip: '#operateTip'
	 *	}
	 *	
	 *	$(document).ready(function(){
	 *	    op = new giant.ui.OperateTip(configs);
	 *	})
	 * </pre>
	 * @constructor
	 * @param {Object} configs 日历的属性集。
	 */
	giant.ui.OperateTip = function(configs){
		this.initOperateTip(configs);
	};
	

	giant.ui.OperateTip.prototype = {
		initOperateTip: function(configs){
			var $this = this;
			configs.elmTip = $(configs.tip);
			configs.elmTip.css({'left':($(document).width() - configs.elmTip.width())/2 + 'px'});
			configs.elmTip.css({'top':($(document).height() - configs.elmTip.height())/2 + 'px'});
			configs.tick = null
			$(window).bind('resize',function(){
				configs.elmTip.css({'left':($(document).width() - configs.elmTip.width())/2 + 'px'});
				configs.elmTip.css({'top':($(document).height() - configs.elmTip.height())/2 + 'px'});
			})
			var str = '';
			configs.elmTip.bind('ajaxSend', function(){
				str = '正在请求请稍后...';
				configs.elmTip.html(str);
				configs.elmTip.show();
			});
			configs.elmTip.bind('ajaxSuccess', function(){
				str = '<span style="color:#0c8;">操作成功!</span>';
				configs.elmTip.html(str);
				if(configs.tick == null){
					configs.tick = window.setTimeout(function(){
						configs.elmTip.fadeOut(300);
						configs.tick = null;
					},1000);
				}
			});
			configs.elmTip.bind('ajaxError', function(){
				str = '<span style="color:#f60;">操作失败!</span>';
				configs.elmTip.html(str);
				if(configs.tick == null){
					configs.tick = window.setTimeout(function(){
						configs.elmTip.fadeOut(500);
						configs.tick = null;
					},1000);
				}
			});
			
		},
		showTip: function(message){
			configs.elmTip.html(message);
			configs.elmTip.show();
			if(configs.tick == null){
				configs.tick = window.setTimeout(function(){
					configs.elmTip.fadeOut(500);
					configs.tick = null;
				},1000);
			}
		}
	}
})(jQuery);